<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<title>时间管理</title>
	<script language="javascript">
      function order_close(){
          if(confirm("您确定取消预约吗？")){
              window.opener=null;
              window.open('','_self');
              window.close();
          }
          else{
         }
     }
	
	 fuction handle(){
		var file=document.getElementById('handel').innerHTML;
		alert(file); 
	 }
	 
     </script>
	<style type="text/css">
	#close{
		width:5px;
		height:2px;
		position:absolute;
		top:10px;
		right:1125px;
	}
	body {
		font:normal 100% Arial,sans-serif;
		font-size:12px; 
		font-size:1.2rem; 
	} 
   	.page{
	 width: 410px;
	 height: 135vh;
	 display: flex;
	 flex-direction: column;
	 color: #999;	
	 border:1px solid #000000;
	 font-family:楷体;
	 font-size:17px;
	 color:#000000;
	 
	 
	}
	.header{
		display: flex;
	  justify-content: space-between;
		align-items: center;
		height: 1.2rem;
		background-color: #ebebeb;	
	}
	footer{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  height: 1.2rem;
	  background-color: #ebebeb;	
	}
	
	ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	li
	{
		float:left;
	}
	a:link,a:visited
	{
		display:block;
		width:125px;
		font-weight:bold;
		color:black;
		background-color:#ebebeb;
		text-align:center;
		padding:4px;
		text-decoration:none;
		text-transform:uppercase;
	}
	a:hover,a:active
	{
		background-color: #ffffff;
	}

    </style>
</head>
	
<body>
	<div class="page">
		<div  align="right" id="close">
		  <input type="button" name="close" value="X" width="5px" height="5px" onclick="window.close();" />
		</div>
      <div class="header">
            <div class="headerLeft" align="left">
            用户计时系统
            
            <div class="headerRight" ></div></div>
          
  
      </div>

        <div class="main">
   		  <form action="order/ordercontroller" name="orderFrom" method="post">
          	
                 <hr>
                 <div>
                 <table>
                           
                 <tr>
                 <td height="47" rowspan="2"></td>
                 <td width="154" height="27">
                        <b>开始计时时间：</b>
                   </td>

           
             <td width="266">8：20</td>
           <tr>
          <td height="37"><b>学习时长：</b></td>
           <td>
          02：30：45
           </td>
           </tr>
            </table>
      </div>
            <hr>
                 
                
             <div align="center" >
             <input  id="orserClose" type="button" value="点击开始计时" style="height:60px;width:150px;" />
             </div>
                <br>
                <div>
                <img src="用户图片/8.PNG" width="405" height="297" /> </div>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;
                <hr>
                <br>
              <table width: 400px;>
              <tr><td>                <input id="orserClose" type="button" value="  开始计时  "  /></td>
              <td></td>
                  <td> <input id="orserClose" type="button" value="  结束计时  "  /></td>
                    <td></td>
                    <td>  <input id="orserClose" type="button" value="  播放音乐  "  /></td>
                
                </tr>
            </table>
                <br>
                <hr />
          </form>
        </div>

        <div class="footer">
      
    		<ul>
            <li><a href="publicService.html">备考计划</a></li>
            <li><a href="commonService.html">计时页面</a></li>
            <li><a href="personal.html">个人中心</a></li>
            </ul>
        </div>
    
   </div>
</body>
</html>
